<template>
  <el-row :gutter="20">
    <el-col :span="24" class="mb10">
      <el-card shadow="hover" class="m-l-10-p-20">
        <template v-slot:header>
          <div class="clearfix">
            <span>日历</span>
          </div>
        </template>
        <div class="text item text-center">
          <el-card shadow="never">
            <el-calendar v-model="current_time">
              <template #date-cell="{ data }">
                <div class="calendar-day">
                  {{ data.day.split('-').slice(1).join('-') }}
                </div>
              </template>
            </el-calendar>
          </el-card>
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>

<script setup name="home-schedule">
  const current_time = ref(new Date())
</script>
